﻿@{
    ViewBag.Title = "AddMember";
    Layout = "~/Views/Shared/_AdminLayout.cshtml";
}

@section scripts
{
    <script type="text/javascript" src="~/Scripts/App/Admin/member_add.js"></script>
}

<div class="content-header">
    <div class="header-section">
        <h1>
            <i class="gi gi-certificate"></i>Quản Lý Thành Viên<br>
            <small>Tạo Tài Khoản Mới</small>
        </h1>
    </div>
</div>

<ul class="breadcrumb breadcrumb-top">
    <li><a href="../Admin/index"><i class="fa fa-home"></i></a></li>
    <li><a href="../Admin/ListMember">Thành Viên</a></li>
    <li><a href="../Admin/AddMember">Tạo Mới</a></li>
</ul>

<div class="block block-alt-noborder" id="top-addmem">
    <form class="form-horizontal form-bordered" novalidate="novalidate" data-bind="submit: $root.doAdd">
        <div class="form-group">
            <label for="val_title" class="col-md-4 control-label">Tài Khoản<span class="text-danger">*</span></label>
            <div class="col-md-6">
                <div class="input-group">
                    <input type="text" data-bind="value: UserName" placeholder="Bắt đầu bằng chữ cái và có ít nhất 6 ký tự (a-z A-Z 0-9). Vd: Abc0123" class="form-control" name="val_username" id="val_username">
                    <span class="input-group-addon"><i class="gi gi-nameplate"></i></span>
                </div>
            </div>
        </div>

        <div class="form-group">
            <label for="val_pname" class="col-md-4 control-label">Mật Khẩu<span class="text-danger">*</span></label>
            <div class="col-md-6">
                <div class="input-group">
                    <input type="password" placeholder="Ít nhất 6 ký tự (a-z A-Z 0-9). Vd: Abc0123" data-bind="value: Password" class="form-control" name="val_pass" id="val_pass">
                    <span class="input-group-addon"><i class="gi gi-playing_dices"></i></span>
                </div>
            </div>
        </div>

        <div class="form-group">
            <label for="val_pname" class="col-md-4 control-label">Xác Nhận Mật Khẩu<span class="text-danger">*</span></label>
            <div class="col-md-6">
                <div class="input-group">
                    <input type="password" placeholder="Ít nhất 6 ký tự (a-z A-Z 0-9). Vd: Abc0123" data-bind="value: ConfirmPassword" class="form-control" name="val_repass" id="val_repass">
                    <span class="input-group-addon"><i class="gi gi-playing_dices"></i></span>
                </div>
            </div>
        </div>

        <div class="form-group">
            <label for="val_publisher" class="col-md-4 control-label">Họ Và Tên<span class="text-danger">*</span></label>
            <div class="col-md-6">
                <div class="input-group">
                    <input type="text" placeholder="Họ Và Tên Đệm. (a-z A-Z và khoảng trắng). Vd: La La" data-bind="value: FirstName" class="form-control" name="val_fname" id="val_fname">
                    <input type="text" placeholder="Tên. (a-z A-Z). Vd: Ba" data-bind="value: LastName" class="form-control" name="val_lname" id="val_lname">
                    <span class="input-group-addon"><i class="gi gi-playing_dices"></i></span>
                </div>
            </div>
        </div>

        <div class="form-group">
            <label for="val_categories" class="col-md-4 control-label">Giới Tính<span class="text-danger">*</span></label>
            <div class="col-md-6">
                <div class="input-group">
                    <label class="radio">
                        <input type="radio" name="gender" value="Male" data-bind="checked: Gender" />
                        Male
                    </label>
                    <label class="radio">
                        <input type="radio" name="gender" value="Female" data-bind="checked: Gender" />
                        Female
                    </label>
                    <span class="input-group-addon"><i class="gi gi-tags"></i></span>
                </div>
            </div>
        </div>

        <div class="form-group">
            <label for="val_title" class="col-md-4 control-label">Email<span class="text-danger">*</span></label>
            <div class="col-md-6">
                <div class="input-group">
                    <input type="text" data-bind="value: Email" placeholder="Theo các chuẩn email phổ biến. Vd: Abc0123@gmail.com" class="form-control" name="val_email" id="val_email">
                    <span class="input-group-addon"><i class="gi gi-nameplate"></i></span>
                </div>
            </div>
        </div>

        <div class="form-actions form-group">
            <div class="col-md-8 col-md-offset-4">
                <button class="btn btn-sm btn-primary" id="btn_submit" type="submit">Tạo Tài Khoản</button>
                <a class="btn btn-sm btn-primary" href="~/Admin/ListMember">Trở Về</a>
            </div>
        </div>
    </form>
</div>